<!--
 * @Author: yuhu
 * @Date: 2021-07-27 09:09:54
 * @LastEditTime: 2021-08-05 11:06:12
 * @Description: 封装以form表单为基础的grid布局
 * @FilePath: /y-grid/src/App.vue
-->
<template>
  <div id="app">
    <Grid column='6' :model="tableFilter" ref="formName" colon :labelPosition="'left'" :labelWidth="100">
                    <GridItem column='1' label="活动名称" prop="name">
                        <Input v-model="tableFilter.name"></Input>
                    </GridItem>
                    <GridItem column='1' label="活动形式" prop="desc">
                        <Input v-model="tableFilter.desc"></Input>
                    </GridItem>

                </Grid>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      tableFilter:{}
    }
  }
}
</script>

<style>
</style>

